import { f } from "../styles";

const SVG = `
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.3999 4.9999C3.3999 4.66853 3.66853 4.3999 3.9999 4.3999H19.9999C20.3313 4.3999 20.5999 4.66853 20.5999 4.9999C20.5999 5.33127 20.3313 5.5999 19.9999 5.5999H3.9999C3.66853 5.5999 3.3999 5.33127 3.3999 4.9999Z" fill="currentColor"/>
<path d="M3.3999 11.9999C3.3999 11.6685 3.66853 11.3999 3.9999 11.3999H19.9999C20.3313 11.3999 20.5999 11.6685 20.5999 11.9999C20.5999 12.3313 20.3313 12.5999 19.9999 12.5999H3.9999C3.66853 12.5999 3.3999 12.3313 3.3999 11.9999Z" fill="currentColor"/>
<path d="M3.9999 18.3999C3.66853 18.3999 3.3999 18.6685 3.3999 18.9999C3.3999 19.3313 3.66853 19.5999 3.9999 19.5999H19.9999C20.3313 19.5999 20.5999 19.3313 20.5999 18.9999C20.5999 18.6685 20.3313 18.3999 19.9999 18.3999H3.9999Z" fill="currentColor"/>
</svg>
`;

const IconMenu: React.FC = () => (
  <div className={f.flex} dangerouslySetInnerHTML={{ __html: SVG }} />
);

export default IconMenu;
